/*banner*/
$banW: 1010px;
$banH: 480px;
#banner,
.banner {
    height: $banH;
}
#banner {
    .banner {
        .ban {
            width: $banW;
            height: $banH;
        }
    }
}
.ban {
    float: left;
}
.ban {
    width: $banW;
    height: $banH;
    overflow: hidden;
    position: relative;
}
.banul {
    width: $banW;
    height: $banH;
    position: absolute;
    top: 0;
}
.banul>li {
    width: $banW;
    height: $banH;
    position: absolute;
    left: 0;
    top: 0;
}
.banul>li>a>img {
    width: 100%;
    height: 100%;
    float: left;
}
.banol {
    position: absolute;
    bottom: 20px;
    right: 316px;
    z-index: 2;
}
.banol>li {
    float: left;
    width: 22px;
    height: 22px;
    font-size: 16px;
    cursor: pointer;
    color: white;
    z-index: 2;
    border-radius: 11px;
    background: #C5C5C5;
    margin-right: 12px;
    text-align: center;
    line-height: 22px;
}
.banol>.selectedd {
    background: #9F8529;
}
.outpost {
    height: $banH;
    width: 188px;
    float: left;
}
.outpost {
    img {
        width: 100%;
        height: 100%;
    }
}
#zixun {
    width: 33px;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    background: #2B2B2B;z-index: 9999999999999999;
}
#zixun {
    #shopC {
        width: 33px;
        height: 150px;
        margin: 900% 0 700%;
    }
}
#zixun {
    #shopC {
        a {
            &:first-child {
                display: block;
                height: 40px;
                width: 100%;
                margin-bottom: 100%;
                text-align: center;
            }
        }
    }
}
#zixun {
    #shopC {
        a {
            &:first-child {
                img {
                    display: inline-block;
                }
            }
        }
    }
}
.zixun {
    width: 100%;
    height: 12%;
}
#zixun {
    .zixun {
        p {
            &:first-child {
                width: 100%;
                height: 30.8%;
            }
        }
    }
}
#zixun {
    .zixun {
        p {
            margin-bottom: 100%;
        }
    }
}
#zixun {
    .zixun {
        p {
            &:first-child>img {
                width: 100%;
                height: 100%;
            }
        }
    }
}
#zixun {
    .zixun {
        p {
            &:first-child {
                a {
                    width: 90px;
                    height: 36px;
                    display: block;
                    position: relative;
                    left: -90px;
                    top: -33px;
                    display: none;
                }
            }
        }
    }
}
#zixun {
    .zixun {
        p {
            &:first-child {
                &:hover {
                    a {
                        display: block;
                    }
                }
            }
        }
    }
}
#zixun {
    .zixun {
        p {
            &:nth-child(2) {
                width: 100%;
                height: 30.8%;
            }
        }
    }
}
#zixun {
    .zixun {
        p {
            &:nth-child(2) {
                .saoyisao {
                    display: none;
                    width: 160px;
                    height: 190px;
                    position: relative;
                    left: -200px;
                    top: -120px;
                    background: url("../imgs/images/bg.png") no-repeat -238px -644px;
                }
            }
        }
    }
}
#zixun {
    .zixun {
        p {
            &:nth-child(2) {
                &:hover {
                    .saoyisao {
                        display: block;
                    }
                }
            }
        }
    }
}
//teb
$bgcolor: #f1f1f1;
#zz {
    height: 560px;
    background: $bgcolor;
}
.zzsc {
    height: 560px;
    background: $bgcolor;
    overflow: hidden;
}
.zzsc {
    .tab {
        width: 100%;
        height: 80px;
        margin: 30px 0 10px;
        overflow: hidden;
        background: $bgcolor;
    }
}
.zzsc {
    .tab {
        a {
            float: left;
            width: 399px;
            height: 80px;
            margin-right: 1px;
            background: #FFFFFF;
            overflow: hidden;
        }
    }
}
.zzsc {
    .tab {
        a {
            &:last-child {
                margin-right: 0;
            }
        }
    }
}
.zzsc {
    .tab {
        a {
            dl {
                margin: 20px auto;
                width: 215px;
                height: 41px;
            }
        }
    }
}
.zzsc {
    .tab {
        a {
            &:nth-child(2) {
                dl {
                    margin: 20px auto;
                    width: 225px;
                    height: 41px;
                }
            }
        }
    }
}
.zzsc {
    .tab {
        a {
            dl>dt {
                float: left;
                width: 41px;
                height: 41px;
            }
        }
    }
}
.zzsc {
    .tab {
        a {
            dl>dd {
                float: left;
                width: 160px;
                height: 41px;
                margin-left: 13px;
                color: #333;
            }
        }
    }
}
.zzsc {
    .tab {
        a {
            &:nth-child(2) {
                dl>dd {
                    width: 170px;
                }
            }
        }
    }
}
.zzsc {
    .tab {
        a {
            dl>dd>h4 {
                font-size: 18px;
                color: #333;
            }
        }
    }
}
.zzsc {
    .tab {
        a {
            dl>dd>p {
                font-size: 11px;
                color: #666;
            }
        }
    }
}
.zzsc {
    .tab {
        a {
            &:first-child {
                dl>dt {
                    background: url("../imgs/images/bg.png") no-repeat 0 -32px;
                }
            }
        }
    }
}
.zzsc {
    .tab {
        a {
            &:nth-child(2) {
                dl>dt {
                    background: url("../imgs/images/bg.png") no-repeat -54px -32px;
                }
            }
        }
    }
}
.zzsc {
    .tab {
        a {
            &:nth-child(3) {
                dl>dt {
                    background: url("../imgs/images/bg.png") no-repeat -98px -32px;
                }
            }
        }
    }
}
.zzsc {
    .tab {
        a {
            &:hover {
                background: #c7ae52;
            }
        }
    }
}
.zzsc {
    .tab {
        a {
            &:hover {
                dl>dd {
                    h4,
                    p {
                        color: white;
                    }
                }
            }
        }
    }
}
.zzsc {
    .tab {
        a {
            &:nth-child(1) {
                &:hover {
                    dl>dt {
                        background: url("../imgs/images/bg.png") no-repeat 0 -82px;
                    }
                }
            }
        }
    }
}
.zzsc {
    .tab {
        a {
            &:nth-child(2) {
                &:hover {
                    dl>dt {
                        background: url("../imgs/images/bg.png") no-repeat -54px -82px;
                    }
                }
            }
        }
    }
}
.zzsc {
    .tab {
        a {
            &:nth-child(3) {
                &:hover {
                    dl>dt {
                        background: url("../imgs/images/bg.png") no-repeat -98px -82px;
                    }
                }
            }
        }
    }
}
.zzsc {
    .content {
        width: 100%;
        height: 440px;
    }
}
.zzsc {
    .content {
        ul,
        li {
            width: 100%;
            height: 440px;
        }
    }
}
.zzsc {
    .content {
        ul>li {
            &:nth-child(1) {
                div {
                    height: 100%;
                    float: left;
                    margin-right: 9px;
                }
            }
        }
    }
}
.zzsc {
    .content {
        ul>li {
            &:nth-child(1) {
                .fan4 {
                    margin-right: 0;
                }
            }
        }
    }
}
.zzsc {
    .content {
        ul>li {
            &:nth-child(1) {
                .fan1,
                .fan3 {
                    a {
                        &:nth-child(1) {
                            display: block;
                            margin-bottom: 10px;
                        }
                    }
                }
            }
        }
    }
}
.zzsc {
    .content {
        ul>li {
            &:nth-child(3) {
                div {
                    height: 100%;
                    float: left;
                    margin-right: 10px;
                }
            }
        }
    }
}
.zzsc {
    .content {
        ul>li {
            &:nth-child(3) {
                .fan4 {
                    margin-right: 0;
                }
            }
        }
    }
}
.zzsc {
    .content {
        ul>li {
            &:nth-child(3) {
                .fan1,
                .fan3,
                .fan2 {
                    a {
                        &:nth-child(1) {
                            display: block;
                            margin-bottom: 10px;
                        }
                    }
                }
            }
        }
    }
}
.zzsc {
    .content {
        ul>li {
            &:nth-child(2)>a {
                display: block;
                margin-right: 8px;
                float: left;
                margin-bottom: 10px;
            }
        }
    }
}
.zzsc {
    .content {
        ul>li {
            &:nth-child(2)>a {
                &:nth-child(4) {
                    margin-right: 0;
                }
            }
        }
    }
}
.zzsc {
    .content {
        ul>li {
            &:nth-child(2)>.shangB {
                width: 100%;
                height: 110px;
            }
        }
    }
}
.zzsc {
    .content {
        ul>li {
            &:nth-child(2)>.shangB>li {
                &:nth-child(2) {
                    width: 1080px;
                    height: 100%;
                    margin: 0 10px;
                    float: left;
                }
            }
        }
    }
}
.zzsc {
    .content {
        ul>li {
            &:nth-child(2)>.shangB>li {
                &:nth-child(2)>ol>li {
                    width: 100px;
                    height: 100%;
                    margin-right: 9px;
                    float: left;
                }
            }
        }
    }
}
.zzsc {
    .content {
        ul>li {
            &:nth-child(2)>.shangB>li {
                &:nth-child(2)>ol>li {
                    &:last-child {
                        margin-right: 0;
                    }
                }
            }
        }
    }
}
.zzsc {
    .content {
        ul>li {
            &:nth-child(2)>.shangB>li {
                &:first-child {
                    width: 50px;
                    height: 100%;
                    display: block;
                    background: url("../imgs/images/bg.png") no-repeat 0 -136px;
                    float: left;
                }
            }
        }
    }
}
.zzsc {
    .content {
        ul>li {
            &:nth-child(2)>.shangB>li {
                &:last-child {
                    width: 50px;
                    height: 100%;
                    display: block;
                    background: url("../imgs/images/bg.png") no-repeat -120px -136px;
                    float: left;
                }
            }
        }
    }
}
#show {
    height: 4662px;
    background: $bgcolor;
    overflow: hidden;
}
.show {
    height: 4662px;
    backface-visibility: $bgcolor;
}
.show>div 
    {
        height: 1040px;
        width: 100%;
        overflow: hidden;
    
}
.show {
    .show0,
    .show1,
    .show2,
    .show3 {
        .fox0,
        .fox1 {
            width: 100%;
            height: 430px;
            margin-top: 30px;
        }
    }
}
.show {
    #TenF {
        width: 100%;
        height: 460px;
        overflow: hidden;background: $bgcolor;
    }
}
.show {
    #TenF {
        .TenF {
            width: 100%;
            height: 430px;
            margin-top: 30px;
        }
    }
}
.show {
    #TenF {
        .TenF>li {
            &:nth-child(2) {
                width: 200px;
                height: 100%;
                float: left;
                margin-right: 10px;
            }
        }
    }
}
.show {
    #TenF {
        .TenF>li {
            &:nth-child(3) {
                width: 390px;
                height: 100%;
                float: left;
                margin-right: 10px;
            }
        }
    }
}
.show {
    #TenF {
        .TenF>li {
            &:nth-child(3)>a {
                float: left;
            }
        }
    }
}
.show {
    #TenF {
        .TenF>li {
            &:nth-child(3)>a {&:nth-child(1){
             margin-bottom: 10px;   
            }
            }
        }
    }
}
.show {
    #TenF {
        .TenF>li {
            &:nth-child(3)>a {&:nth-child(2){
             margin-right: 10px;   
            }
            }
        }
    }
}
.show {
    #TenF {
        .TenF>li {
            &:nth-child(4) {
                width: 390px;
                height: 100%;
                float: left;
                margin-right: 10px;
            }
        }
    }
}
.show {
    #TenF {
        .TenF>li {
            &:nth-child(5) {
                width: 190px;
                height: 100%;
                float: left;
                margin-right: 0px;
            }
        }
    }
}
.show {
    #TenF {
        .TenF>li {
            &:nth-child(5)>a {&:nth-child(1){
             margin-bottom: 10px;   
            }
            }
        }
    }
}
.show>div>a {
    display: block;
    width: 100%;
    height: 90px;
    margin-top: 30px;
}
.show>div>a>img {
    width: 100%;
    height: 100%;
}
//.show>div>ul>li>a>img{
//  
//  width:100% ;
//   height: 100%;  
//    
//  
//}
.show>div>ul>li {
    &:nth-child(1) {
        width: 200px;
        height: 100%;
        float: left;
        margin-right: 10px;
    }
}
.show>div>ul>li {
    &:nth-child(2) {
        width: 390px;
        height: 100%;
        float: left;
        margin-right: 10px;
    }
}
.show>div>ul>li {
    &:nth-child(3) {
        width: 390px;
        height: 100%;
        float: left;
        margin-right: 10px;
    }
}
.show>div>ul>li {
    &:last-child {
        width: 190px;
        height: 100%;
        float: left;
        margin-right: 0;
    }
}
.show>div>ul>.fox0 {
    &:nth-child(2) {
        img {
            width: 100%;
            height: 100%;
        }
    }
}
.show>div>ul>.fox1 {
    &:nth-child(3) {
        img {
            width: 100%;
            height: 100%;
        }
    }
}
.show>div>ul>.fox0 {
    &:nth-child(3) {
        img {}
    }
}
.show>div>ul {
    li {
        a {
            float: left;
        }
    }
}
.show>div>.fox0 li {
    &:nth-child(3) {
        a {
            &:nth-child(1) {
                width: 390px;
                height: 210px;
                margin-bottom: 10px;
            }
        }
    }
}
.show>div>.fox1 li {
    &:nth-child(2) {
        a {
            &:nth-child(1) {
                width: 390px;
                height: 210px;
                margin-bottom: 10px;
            }
        }
    }
}
.show>div>.fox0>li {
    &:nth-child(3) {
        a {
            &:nth-child(2) {
                width: 190px;
                height: 210px;
                margin-right: 10px;
            }
        }
    }
}
.show>div>.fox1>li {
    &:nth-child(2) {
        a {
            &:nth-child(2) {
                width: 190px;
                height: 210px;
                margin-right: 10px;
            }
        }
    }
}
.show>div>ul>li {
    &:nth-child(4) {
        a {
            &:nth-child(1) {
                width: 190px;
                height: 210px;
                margin-bottom: 10px;
            }
        }
    }
}
